<link rel="stylesheet" href="../static/css/style.css">
<link rel="stylesheet" href="../static/plugins/layui/css/layui.css">
<link rel="stylesheet" href="../static/css/styleoneadd.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="../static/plugins/bootstrap-3.3.7/css/bootstrap-theme.min.css">
<style>
    .layui-form-checked[lay-skin=primary] i{
        border-color: #34C0E3;
        background-color: #34C0E3;
    }
    .layui-laypage .layui-laypage-curr .layui-laypage-em{
        background-color: #34C0E3;
    }
    .layui-laydate .layui-this{
        background-color: #34C0E3 !important;
    }
</style>

<!-- 内容主体区域 -->
<div class="layui-fluid-pad">
    <div class="layui-col-md12">
        <div class="layui-card">
            <div class="layui-card-header">机构管理</div>
            <div class="layui-card-body">
                <div class="layui-row layui-pad15">
                    <form class="layui-form" action="">
                        <div class="layui-col-md12 layui-col-lh">
                            <div class="layui-row layui-col-space15">
                                <div class="layui-col-md2">
                                    <input type="text" class="form-control" placeholder="机构名称">
                                </div>
                                <div class="layui-col-md2">
                                    <select class="form-control" lay-ignore>
                                        <option value="">所属供应商</option>
                                        <option value="0">北京</option>
                                        <option value="1">上海</option>
                                        <option value="2">广州</option>
                                        <option value="3">深圳</option>
                                        <option value="4">杭州</option>
                                    </select>
                                </div>
                                <div class="layui-col-md3">
                                    <div class="layui-row">
                                        <div class="layui-col-md12 layui-order-flexs">
                                            <input type="text" class="form-control layui-gd-widths" placeholder="时间" id="test1">
                                            &nbsp;&nbsp;至&nbsp;&nbsp;
                                            <input type="text" class="form-control layui-gd-widths" placeholder="时间" id="test2">
                                        </div>
                                    </div>
                                </div>
                                <div class="layui-col-md2">
                                    <button type="button" class="layui-btn layui-t-h">筛选</button>
                                </div>
                                <!--<div class="layui-col-md3 layui-text-right">-->
                                <!--<a href="创建问卷.html" class="layui-btn layui-t-h creatdx">创建问卷</a>-->
                                <!--</div>-->
                            </div>
                        </div>
                    </form>

                    <!--表格-->
                    <div class="layui-row">
                        <div class="layui-col-md12">
                            <table class="layui-data-zs" id="test3" border="1" style="    border: 1px solid #e5e5e5;">
                                <tr class="layui-t-h layui-hg-b" style=" background-color: #34C0E3;color: #ffffff;">
                                    <th>序号</th>
                                    <th>机构名称</th>
                                    <th>机构地址</th>
                                    <th>所属省市区</th>
                                    <th>所属供应商</th>
                                    <th>添加时间</th>
                                    <th>操作</th>
                                </tr>
                                <!--<tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>苏州第一人民医院</td>
                                    <td>纳米大学E1206</td>
                                    <td>江苏省苏州市</td>
                                    <td>苏州大学</td>
                                    <td>2018-04-11</td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty layui-zdy-bj ">
                                            <i class="layui-icon">&#xe642;</i>
                                            编辑
                                        </a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookque">查看问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels  bindque">绑定问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels">
                                            <i class="layui-icon">&#xe640;</i>
                                            删除
                                        </a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>苏州第一人民医院</td>
                                    <td>纳米大学E1206</td>
                                    <td>江苏省苏州市</td>
                                    <td>苏州大学</td>
                                    <td>2018-04-11</td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty layui-zdy-bj ">
                                            <i class="layui-icon">&#xe642;</i>
                                            编辑
                                        </a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookque">查看问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels bindque">绑定问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels">
                                            <i class="layui-icon">&#xe640;</i>
                                            删除
                                        </a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>苏州第一人民医院</td>
                                    <td>纳米大学E1206</td>
                                    <td>江苏省苏州市</td>
                                    <td>苏州大学</td>
                                    <td>2018-04-11</td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty layui-zdy-bj ">
                                            <i class="layui-icon">&#xe642;</i>
                                            编辑
                                        </a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookque">查看问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels bindque">绑定问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels">
                                            <i class="layui-icon">&#xe640;</i>
                                            删除
                                        </a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>苏州第一人民医院</td>
                                    <td>纳米大学E1206</td>
                                    <td>江苏省苏州市</td>
                                    <td>苏州大学</td>
                                    <td>2018-04-11</td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty layui-zdy-bj ">
                                            <i class="layui-icon">&#xe642;</i>
                                            编辑
                                        </a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookque">查看问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels bindque">绑定问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels">
                                            <i class="layui-icon">&#xe640;</i>
                                            删除
                                        </a>
                                    </td>
                                </tr>
                                <tr class="layui-hg-b">
                                    <td>1</td>
                                    <td>苏州第一人民医院</td>
                                    <td>纳米大学E1206</td>
                                    <td>江苏省苏州市</td>
                                    <td>苏州大学</td>
                                    <td>2018-04-11</td>
                                    <td>
                                        <a href="javascript:;" class="layui-btn-ty layui-zdy-bj ">
                                            <i class="layui-icon">&#xe642;</i>
                                            编辑
                                        </a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-zdy-bj   lookque">查看问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels bindque">绑定问卷</a>
                                        <a href="javascript:;" class="layui-btn-ty  layui-dels">
                                            <i class="layui-icon">&#xe640;</i>
                                            删除
                                        </a>
                                    </td>
                                </tr>-->
                            </table>
                            <div style="margin: 20px 0; text-align: center;">无符合条件数据。</div>
                        </div>
                        <!--分页-->
                        <div class="layui-col-md12 layui-page-top">
                            <div id="demo7"></div>
                        </div>
                        <!--分页end-->
                    </div>
                    <!--表格end-->
                </div>

            </div>
        </div>
    </div>
</div>


<script src="../static/js/jquery.min.js"></script>
<script src="../static/plugins/bootstrap-3.3.7/js/bootstrap.min.js"></script>
<script src="../static/plugins/layui/layui.js"></script>
<script>


    //Demo
    layui.use(['form','laypage','laydate','table','layer'], function(){
        var form = layui.form;
        var laydate = layui.laydate;
        var laypage = layui.laypage
        var layer = layui.layer;
        layer.msg("此功能正在紧急研发中");
        //监听提交
        form.on('submit(formDemo)', function(data){
            layer.msg(JSON.stringify(data.field));
            return false;
        });
        // 日期
        laydate.render({
            elem: '#test1' //指定元素
            ,theme: '#34C0E3'
        });
        laydate.render({
            elem: '#test2' //指定元素
            ,theme: '#34C0E3'
        });
        //分页
//        laypage.render({
//            elem: 'demo7'
//            ,count: 0
//            ,layout: ['count', 'prev', 'page', 'next', 'limit', 'skip']
//            ,jump: function(obj){
//                // console.log(obj)
//                layer.msg("功能研发中");
//            }
//        });

        $(function () {
            //绑定问卷弹出窗
            $('.bindque').on('click',function () {
                var strU = 'bindingPaper.html';
                layer.open({
                    type: 2,
                    title:'绑定问卷',
                    area: ['480px', '500'],
                    shadeClose: true, //开启遮罩关闭
                    content: strU
                });
            });
            //查看问卷弹出窗
            $('.lookque').on('click',function () {
                var strU = 'bindingSituation.html';
                layer.open({
                    type: 2,
                    title:'绑定情况',
                    area: ['480px', '500'],
                    shadeClose: true, //开启遮罩关闭
                    content: strU
                });
            });
        });
    });
</script>




